<div class="row">
  <div class="col-xs-12 one-btn-tab">
    <div class="btn-group site user_site_button">
      <div *ngFor="let list of this.siteHtml" class="btn btn-default" [class.active]="this.polluteType == list.className" (click)="clickType(list.className)">{{list.chinese}}</div>
    </div>
  </div>
</div>
<div class="row" style="margin-top: 15px">
<div class="one-inline-btn dropdown">
  <div class="one-inline-text">选择站点：</div>
  <div class="one-inline-container">

  </div>
  <div class="dropdown-menu">
    <p class="one-triangle"><i class="one-triangle-border"></i></p>
    <div class="one-btn-data-type">
      <div style="display: inline-block;margin-top:10px;">
        <form action="#"  class="form-inline">
          <input type="text" class="form-control" id="searchPollute" ng-model="searchPollute" placeholder="请输入查询的站点">
        </form>
      </div>
    </div>
    <ul class="list-inline one-dropdown-list" [class.user_hide]="this.polluteType != 'raiseDust'" [class.user_show]="this.polluteType == 'raiseDust'" id="raiseDustSite">
      <li *ngFor="let list of dropRaiseDust">
        <label>
          <input type="checkbox"  [id]="list.siteCode" (click)="inputClick(list.siteCode,list.siteName,$event)" />{{list.siteName}}
        </label>
      </li>
    </ul>
    <ul class="list-inline one-dropdown-list" [class.user_hide]="this.polluteType != 'industry'" [class.user_show]="this.polluteType == 'industry'" id="industrySite">
      <li *ngFor="let list of dropIndustry">
        <label>
          <input type="checkbox"  [id]="list.siteCode" (click)="inputClick(list.siteCode,list.siteName,$event)" />{{list.siteName}}
        </label>
      </li>
    </ul>
    <ul class="list-inline one-dropdown-list" [class.user_hide]="this.polluteType != 'waterPollution'" [class.user_show]="this.polluteType == 'waterPollution'" id="waterPollutionSite">
      <li *ngFor="let list of waterPollution">
        <label>
          <input type="checkbox"  [id]="list.siteCode" (click)="inputClick(list.siteCode,list.siteName,$event)" />{{list.siteName}}
        </label>
      </li>
    </ul>
    <ul class="list-inline one-dropdown-list" [class.user_hide]="this.polluteType != 'lampblack'" [class.user_show]="this.polluteType == 'lampblack'" id="lampblackSite">
      <li *ngFor="let list of dropLampblack">
        <label>
          <input type="checkbox"  [id]="list.siteCode" (click)="inputClick(list.siteCode,list.siteName,$event)" />{{list.siteName}}
        </label>
      </li>
    </ul>
    <ul class="list-inline one-dropdown-list" [class.user_hide]="this.polluteType != 'sprayBooth'" [class.user_show]="this.polluteType == 'sprayBooth'" id="sprayBoothSite">
      <li *ngFor="let list of dropSprayBooth">
        <label>
          <input type="checkbox"  [id]="list.siteCode" (click)="inputClick(list.siteCode,list.siteName,$event)" />{{list.siteName}}
        </label>
      </li>
    </ul>
  </div>
</div>
</div>
<div class="one-btn-data-type">
  <div class="btn-group dataType">
    <div class="btn btn-default" [class.active]="pollute.dataType=='hourData'" (click)="clickDataType('hourData')">小时</div>
    <div class="btn btn-default" [class.active]="pollute.dataType=='dayData'" (click)="clickDataType('dayData')">日</div>
    <div class="btn btn-default" [class.active]="pollute.dataType=='minuteData'" (click)="clickDataType('minuteData')">分钟</div>
  </div>

  <div style="display: inline-block;margin-top:10px;">
    <form action="#"  class="form-inline">
      <input type="text" class="form-control" id="polluteDataDate" value="" style="width:290px;">
      <button type="button" class="btn btn-success" (click)="search()">查询</button>
    </form>
  </div>
  <div class='pull-right'><button class='btn btn-success' (click)="export()">导出为Excel</button></div>
</div>
<div class="one-table-area">
  <table class="table table-striped" id="polluteDataTable">
  </table>
</div>
<div class="one-data-loadState"></div>

